<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="vue/vue.js"></script>
    <script src="js/jquery/jquery.js"></script>
    <script src="js/plugins/jquery-form/jquery.form.js"></script>
    <script src="js/plugins/js-cookie/js.cookie.min.js"></script>
</head>
<body>
    <form id="login_form" method="post">
        账号:<input type="text" name="name"  >
        密码:<input type="password" name="password" >
        <input id="_js_loginBtn" type="button" value="登陆"><br/>
        <span id="text"></span>
    </form>
</body>
    <script>
        $(function () {
            $("#_js_loginBtn").click(function () {
                $("#login_form").ajaxSubmit({
                    url:"/userLogin",
                    type:"POST",
                    success:function (data) {
                        console.log(data);
                        /**
                         * data = {
                         *   code:
                         *   data:{
                         *      token:
                         *      user:
                         *   }
                         * }
                         */
                        if(data.success){
                            var map = data.data;
                            var token = map.token;  //后续后端获取当前登录用户信息
                            var user = map.employee;  //前端页面需要显示用户信息
                            //sessionStorage  客户端技术可以在浏览器窗口存储数据, 一但关闭窗口,
                            // 数据就没了, 是如果多个窗口, 数据无法共享

                            //localStorage  客户端技术可以在浏览器窗口存储数据, 数据操作是永久

                            //cookie 客户端技术可以在浏览器窗口存储数据, 特点有时效性

                            //参数1:cookie的key值, 参数2: cookie的value值, 参数3: 有效时间, 单位天
                            Cookies.set('user', JSON.stringify(user), { expires: 1/48,path:'/'});
                            Cookies.set('token', token, { expires: 1/48,path:'/'});

                           /* //document.referrer 上一个请求路径
                            var url = document.referrer ? document.referrer : "/";

                            if(url.indexOf("regist.html") > -1 || url.indexOf("login.html") > -1){
                                url = "/";
                            }*/
                            window.location.href = "/demo.html"
                        }
                    }
                })
            })
        })
    </script>
</html>